<template>
  <div class="top">
    <template>
      <el-carousel :interval="5000" type="card" height="250px">
        <el-carousel-item>
          <img src="@/assets/Chart/imga.jpg" />
        </el-carousel-item>
        <el-carousel-item>
          <img src="@/assets/Chart/imgb.png" />
        </el-carousel-item>
        <el-carousel-item>
          <img src="@/assets/Chart/imgc.jpg" />
        </el-carousel-item>
        <el-carousel-item>
          <img src="@/assets/Chart/imgd.jpg" />
        </el-carousel-item>
        <el-carousel-item>
          <img src="@/assets/Chart/imge.jpg" />
        </el-carousel-item>
      </el-carousel>
    </template>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style lang="less" scoped>
.top {
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 8px;
}
.el-carousel {
  img {
    height: 250px;
    object-fit: cover;
  }
}
</style>
